<template>
  <div>
    <h3> KeepMessage</h3>

    <input type="text">
    <input type="text">
    <br>
    <br>

    <router-link to="/home/keepMessage/keepDetail"> to="/home/keepMessage/keepDetail"</router-link>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: "KeepMessage",

  activated() {
    // 在首次挂载、
    // 以及每次从缓存中被重新插入的时候调用
    console.log("KeepMessage activated")
  },
  deactivated() {
    // 在从 DOM 上移除、进入缓存
    // 以及组件卸载时调用
    console.log("KeepMessage deactivated")

  }
}

</script>

<style scoped>
div {
  background: #a2d9d0;
  padding: 10px;
}
</style>